<!DOCTYPE html> 
<html lang="zh-CN">
<head> 
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/global.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/metroStyle/metroStyle.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/datatables.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/dist/select2.min.css" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/system/system.css?v=${timeStamp!''}" />
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/font.css?v=${timeStamp!''}">
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/jquery.validate.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/select2.min.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/ajaxfileupload.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/layer/layer.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/dist/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/public.js?v=${timeStamp!''}"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/service.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/system/validate.js"></script>
	<script type="text/javascript" src="${request.contextPath}/js/buyService/project/add.js?v=${timeStamp!''}"></script>
	<script type="text/javascript">
		var webroot = '${request.contextPath}';
	</script>
</head>
<body>
	<div style="padding: 20px;">
		<form id="serviceInfoForm">
			
			<div class="ca_formline clearfix">
				<div class="ca_formgroup">
					<label><i class="red">*</i>会员：</label>
					<div class="left">
						<select name="memberId" id="memberId" class="ca_control" isSelect=true>
						</select>
						<span class="red"></span>
					</div>
				</div>
				
				<div class="ca_formgroup">
					<label><i class="red">*</i>服务：</label>
					<div class="left">
						<select name="serviceId" id="serviceId" class="ca_control" isSelect=true>
						</select>
						<span class="red"></span>
					</div>
				</div>
				
			</div>
			
			<div class="ca_formline clearfix">
				<div class="ca_formgroup">
					<label><i class="red">*</i>购买开始日期：</label>
					<div class="left">
						<input type="text" name="buyStartDate" id="buyStartDate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd', maxDate:'#F{$dp.$D(\'buyEndDate\')}'})" class="ca_control Wdate" readonly required>
						<span class="red"></span>
					</div>
				</div>
				
				<div class="ca_formgroup">
					<label><i class="red">*</i>购买结束日期：</label>
					<div class="left">
						<input type="text" name="buyEndDate" id="buyEndDate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd', minDate:'#F{$dp.$D(\'buyStartDate\')}'})" class="ca_control Wdate" readonly required>
						<span class="red"></span>
					</div>
				</div>
			
			</div>
			
			<div class="ca_formline clearfix">
				<div class="ca_formgroup">
					<label><i class="red">*</i>付款金额：</label>
					<div class="left">
						<input type="text" name="amount" id="amount" class="ca_control" placeholder="请填写付款金额" required number = true>
						<span class="red"></span>
					</div>
				</div>
				
				<div class="ca_formgroup">
					<label><i class="red">*</i>周期：</label>
					<div class="left">
						<input type="text" name="cycle" id="cycle" class="ca_control" placeholder="请填写周期" required digits = true>
						<span class="red"></span>
					</div>
				</div>
			</div>
			
			<div class="ca_formline clearfix">
				<div class="ca_formgroup">
					<label><i class="red">*</i>年利息：</label>
					<div class="left">
						<input type="text" name="yearInterest" id="yearInterest" class="ca_control" placeholder="请填写年利息" required number = true>
						<span class="red"></span>
					</div>
				</div>
				<div class="ca_formgroup">
					<label><i class="red">*</i>年支付利息次数：</label>
					<div class="left">
						<input type="text" name="yearIntePayNum" id="yearIntePayNum" class="ca_control" placeholder="请填写年支付利息次数" required digits = true>
						<span class="red"></span>
					</div>
				</div>
				
			</div>
			
			<div class="ca_formline clearfix">
				<div class="ca_formgroup">
					<label><i class="red">*</i>转股提醒日期：</label>
					<div class="left">
						<input type="text" name="makeOverDate" id="makeOverDate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="ca_control Wdate" readonly placeholder="请填写转股提醒日期" required>
						<span class="red"></span>
					</div>
				</div>
				
			</div>
			
			<div class="ca_formgroup">
				<label>备注：</label>
				<div class="left width100">
					<textarea rows="5" id="remarks" name="remarks" class="ca_control ca_areatext"></textarea>
					<span class="red"></span>
				</div>		
			</div>
			
			<div class="submitButton_Bottom">
				<span>提交</span>
			</div>
		</form>
	</div>
	
</body>
</html>